body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
ul,ol,dl{list-style:none;}
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; border:none;}
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑" "Time New Roman"; }
a { text-decoration:none;color:#5d5d5d; }
a:hover{text-decoration:underline;color:#f60;}

			* {
				margin: 0;
				padding: 0;
			}
			html , body {
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				-moz-box-orient: vertical;
				-webkit-box-orient: vertical;
				
			}
			#box {
				display: flex;
				overflow: hidden;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: #e4366b;
				height: 8%;
			}
			#bor {
				display: flex;
				overflow: auto;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				flex: 1;
				flex-direction: column;
			}
			#box1 {
				display: flex;
				position: relative;
				overflow: hidden;
				background: #484850;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			#box :nth-child(1) {
				width: 100%;
				height: 100%;
				text-align: center;
				line-height: 2.9rem;
				font-size: 1.8rem;
				color: #fff;
				font-weight: 600;
			}
			#box :nth-child(1) span {
				position: absolute;
				left: 0;
				top: 0;
				width: 13%;
				height: 8%;
				line-height: 2.9rem;
				font-size: 1.8rem;
				color: #670d27;
				font-weight: 100;
			}
			#box1 div {
				height: 3.125rem;
				border-top: 2px solid #ccc;
				text-align: center;				
				font-size: 0.75rem;
				color: #fff;
				font-weight: 600;
				flex: 1;
			}
			#box1 div span {
				display: block;
				font-size: 1.2rem;			
				height: 1.8rem;
				font-weight: 100;
				line-height: 1.8rem;
			}
			.box1_span {
				position: absolute;
				top: -0.1rem;
				left: 0;
				width: 4rem;
				height: 0.3rem;
				background: red;
				transition: all 1s;
			}
			#bor dl {
				height: 8.375rem;
				padding: 0.875rem 2rem 1.25rem 1.062rem;
				border-bottom: 1px solid #ccc;
				position: relative;
			}
			#bor dl dt {
				width: 7.375rem;
				height: 7.375rem;
				border: 1px solid #ccc;
				padding: 0.5rem;
				margin-right: 1.563rem;
				float: left;
			}
			#bor dl dt img {
				width: 7.3rem;
				height: 7.3rem;
			}
			#bor dl dd :nth-child(1) {
				font-size: 0.875rem;
			}
			#bor dl dd :nth-child(2) {
				position: absolute;
				left: 11.075rem;
				bottom: 3.25rem;
				font-size: 0.675rem;
				color: #000;
			}
			#bor dl dd :nth-child(3) {
				position: absolute;
				left: 11.075rem;
				bottom: 1.25rem;
				font-size: 0.775rem;
				color: red;
			}
			#bor dl dd :nth-child(4) {
				position: absolute;
				left: 15.5rem;
				bottom: 1.25rem;
				width: 4rem;
				height: 2.25rem;
				border-radius: 0.25rem;
				background: #e32e65;
				color: #fff;
				text-decoration: none;
				text-align: center;
				font-size: 2rem;
			}
			
			
			#content{
				width:100%;
				height:83%;
				background: #ccc;
				position:relative;
				
			}
			#content input{
				width:80%;height:15%;font-size:1rem;line-height:15%;margin:10% 0 0 2rem;color:red;
			}
			
			
			
			
			
